@charset "utf-8";

/*引入图标字体*/

@import url("font/Cxxia-iconfont.css");

html, body {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    width: 100%;
    word-break:normal;
    word-wrap:break-word;
}
.all-text{
    height:100%;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch!important;
}
img{
  padding:0;
  border: 0;
  margin: 0;
  max-width: 100%;
  font-size: 0;
}
body {
    font-family: 'Arial', '\5FAE\8F6F\96C5\9ED1', sans-serif;
    font-size: .38rem;
    line-height: 1;
    color: #333;
    -webkit-text-size-adjust: 100%;
    width: 10.8rem;
    margin: 0 auto;
    background: #fff;
}

ol, ul, li, dl, dt, dd, p, span, h1, h2, h3, h4, h5, h6, input, textarea, select, button, label {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

ul, ol, li {
    list-style: none;
}

a, a:hover {
    text-decoration: none;
    outline-width: 0;
    outline: 0;
}

i, em, b, strong, code {
    font-style: normal;
    font-weight: normal;
}

input, textarea, select, button, label {
    font-family: inherit;
    font-size: inherit;
    *font-size: 100%;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
}
textarea{
    resize: none;
}
a, i, span, li, input, textarea, select, button {
    -webkit-tap-highlight-color: transparent;
    border-radius: 0;
}

input[type=button], input[type=submit] {
    cursor: pointer;
}

table, tbody, tr, th, td {
    border-collapse: collapse;
    border-spacing: 0;
}

:focus {
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

::-webkit-input-placeholder {
    color: #999;
}



/*
1、所有的a标签改为 div  里面加  tapmode属性，*后面所有的都是改成这样的【重点】
    例如：<a href="#"></a>  修改成 <div tapmode ></div>
2、后面common.css里面会放共用的字号大小、颜色、圆角、间距等，后面所有的文件这些都是需要用这个共用文件里面的，需要引用，不需要再单独设置
*/


/* 字体大小 */
.ui-font-size-20 {
    font-size: .22rem !important;
}

.ui-font-size-22 {
    font-size: .24rem !important;
}

.ui-font-size-24 {
    font-size: .26rem !important;
}

.ui-font-size-26 {
    font-size: .28rem !important;
}

.ui-font-size-28 {
    font-size: .30rem !important;
}

.ui-font-size-30 {
    font-size: .32rem !important;
}

.ui-font-size-32 {
    font-size: .34rem !important;
}

.ui-font-size-34 {
    font-size: .36rem !important;
}

.ui-font-size-36 {
    font-size: .38rem !important;
}

.ui-font-size-38 {
    font-size: .40rem !important;
}

.ui-font-size-40 {
    font-size: .42rem !important;
}

.ui-font-size-42 {
    font-size: .44rem !important;
}

.ui-font-size-44 {
    font-size: .46rem !important;
}

/*特殊字体使用*/
.ui-font-size-48 {
    font-size: .50rem !important;
}

.ui-font-size-56 {
    font-size: .58rem;
}

.ui-fount-size-60{
    font-size:.62rem;
}



/* 字体颜色 */
.ui-text-333 {
    color: #333 !important;
}

.ui-text-666 {
    color: #666 !important;
}

.ui-text-999 {
    color: #999 !important;
}

.ui-text-ccc {
    color: #ccc !important;
}

.ui-text-fff {
    color: #fff !important;
}

.ui-text-rose {
    color: #ff454d !important;
}
.ui-text-blue {
    color: #33ABFE !important;
}
.ui-text-yellow {
    color: #ff702a !important;
}



/* 边框色 */
.ui-border-333 {
    border: 1px solid #333;
}

.ui-border-999 {
    border: 1px solid #999;
}

.ui-border-f2 {
    border: 1px solid #f2f2f2;
}

.ui-border-f7 {
    border: 1px solid #f7f7f7;
}

.ui-border-fff {
    border: 1px solid #fff;
}

.ui-border-rose {
    border: 1px solid #ff454d;
}

.ui-border-yellow {
    border: 1px solid #ff702a;
}

.ui-border-blue{
  border: 1px solid #33ABFE;
}
.ui-border-pink {
    border: 1px solid #fe3288;
}

.ui-border-b-f7{
    border-bottom: 1px solid #f7f7f7;
}

.ui-border-t-f7{
    border-top: 1px solid #f7f7f7;
}

.ui-border-r-999{
    border-right: 1px solid #999;
}

.ui-border-b-cb{
    border-bottom: 1px solid #dddddd;
}

.ui-border-r-f7{
    border-right: 1px solid #f7f7f7;
}

.ui-border-r-f2{
    border-right: 1px solid #f2f2f2;
}

.ui-border-l-999{
    border-left: 1px solid #999;
}

.ui-border-l-f7{
    border-left: 1px solid #f7f7f7;
}

.ui-border-l-f2{
    border-left: 1px solid #f2f2f2;
}



/* 边框圆角 */
.ui-border-radius-20 {
    border-radius: .2rem !important;
}

.ui-border-radius-10 {
    border-radius: .1rem !important;
}

.ui-border-radius-4 {
    border-radius: .04rem !important;
}

.ui-border-radius-3 {
    border-radius: .03rem !important;
}



/* 背景色 */
.ui-bg-f2 {
    background-color: #f2f2f2 !important;
}

.ui-bg-f3 {
    background-color: #f3f3f3 !important;
}

.ui-bg-e8 {
    background-color: #e8e8e8 !important;
}

.ui-bg-f7 {
    background-color: #f7f7f7 !important;
}

.ui-bg-fff{
    background-color: #fff !important;
}

.ui-bg-rose {
    background-color: #ff454d !important;
}

.ui-bg-cb {
    background-color: #d5d5d5 !important;
}

.ui-bg-yellow {
    background-color: #ff702a !important;
}

.ui-bg-ffc076 {
    background-color: #ffc076 !important;
}

.ui-bg-ffe3c3 {
    background-color: #ffe3c3 !important;
}

.ui-bg-ff5e5f {
    background-color: #ff5e5f !important;
}
/* 弹窗背景 */
.ui-bg-layer {
    background: rgba(0,0,0,.4) !important;
}

.ui-bg-gradient {
    background-image: linear-gradient(75deg, #fe0e57, #ff412a);
}
/* 商家背景 */
.ui-bg-merchant {
    background-image: linear-gradient(34deg, #2DA9FF, #33BEFE);
}
.ui-bg-gra {
    background-image: linear-gradient(45deg, #ffab94 , #ff3955 );
}

.ui-bg-rose, .ui-bg-yellow, .ui-bg-gradient,.ui-bg-merchant {
    color: #fff !important;
}



/*对齐,显示，隐藏等*/
.ui-pull-right {
    float: right !important;
}

.ui-pull-left {
    float: left !important;
}

.ui-pull-center {
    margin: 0 auto;
}

.ui-hide {
    display: none !important;
}

.ui-show {
    display: block !important;
}

.ui-invisible {
    visibility: hidden;
}

.ui-inline {
    display: inline-block;
    vertical-align: top;
}

/* 屏幕正中位置 */
.ui-middle {
    position:fixed; top:0; bottom:0; left:0; right:0; margin:auto
}


/* margin */
.ui-margin-t-150{
    margin-top: 1.51rem;
}

.ui-margin-t-170{
    margin-top: 1.7rem;
}

.ui-margin-t-20 {
    margin-top: .2rem;
}

.ui-margin-b-18{
    margin-bottom: 1.8rem;
}

.ui-margin-b-20{
    margin-bottom: .2rem;
}



/* padding */
.ui-border-bottom-f7{
    padding-bottom: 1.7rem;
}



/* 默认按钮(高度:120; 字体:40px; 左右内补白:60px;) */
.ui-btn{
    display: inline-block;
    text-align: center;
    padding: 0 .6rem;
    background: #ff454d;
    color: #fff;
    font-size: .4rem;
    border-radius: .1rem;
    height: 1.2rem;
    line-height: 1.2rem;
}

/* 按钮背景色(黄色按钮) */
.ui-btn-yellow{
    background:#ff702a;
}

/* 按钮背景色(灰色按钮) */
.ui-btn-f7{
    background:#f7f7f7;
}

.ui-btn-e8{
    background:#e8e8e8;
}

/* 按钮背景色(不可点击按钮) */
.ui-btn-danger{
    background:#ffe0e1;
}

/* 按钮背景色(渐变色) */
.ui-btn-gradient{
    background-image:linear-gradient(45deg,#fe0e57,#ff4229);
}

/* 空心边框按钮(高度:120; 字体:40px; 左右内补白:25px;) */
.ui-btn-outlined {
    display: inline-block;
    text-align: center;
    padding: 0 .25rem;
    background: none;
    color: #ff454d;
    border: .02rem solid #ff454d;
    border-radius: .1rem;
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: .4rem;
}


/* 固定按钮(高度:80px; 宽度:278px; 字体:38px;) */
.ui-btn-fix{
    display: inline-block;
    width: 2.78rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    color: #ff454d;
    border: 0.02rem solid #ff454d;
    border-radius: .1rem;
    font-size: .4rem;
}

/* 中型按钮(高度:116px;) */
.ui-btn-sm{
    height: 1.16rem;
    line-height: 1.16rem;
}

/* 小型按钮(高度:56;) */
.ui-btn-mn{
    height: .52rem;
    line-height: .52rem;
}

/* 空心边框按钮(黄色按钮) */
.ui-btn-outlined-yellow {
    border-color: #ff702a;
    color: #ff702a;
}

.ui-btn-outlined-blue {
    border-color: #33ABFE;
    color: #33ABFE;
}

/* 空心边框按钮(灰色按钮) */
.ui-btn-outlined-999 {
    border-color: #999;
    color: #999;
}

.ui-btn-outlined-pink {
    border-color: #ffe0e1;
    color: #ffe0e1;
}

.ui-btn-full{
    width:100%;
    margin:0 auto;
}

/* 禁止点击效果 */
.ui-disabled{
    opacity: .35;
}

/* 禁止点击效果 */
.ui-disabled{
    opacity: .35;
}



/* 表单按钮 */
/* 选择 框 */
.ui-check{
    display:inline-block;
    width:.6rem;
    height:.6rem;
    border:.02rem solid #999;
    border-radius:.04rem;
}

.ui-check:checked{
    border-color:#ff454d;
    background:url(../image/icon/icon-solid-checked.png) no-repeat center center #ff454d;
    background-size:.6rem;
}


/* 选择 开关 */
.ui-switch{
    display:inline-block;
    width:1.6rem;
    height:.7rem;
    background:#f7f7f7;
    position:relative;
    border-radius:.04rem;
}

.ui-switch:checked{
    background:#ff454d;
}

.ui-switch:after{
    display:inline-block;
    width:.76rem;
    height:.52rem;
    position:absolute;
    top:0;
    bottom:0;
    left:.08rem;
    margin:auto;
    content:'';
    border-radius:.04rem;
    background:#fff
}

.ui-switch:checked:after{
    left:auto;
    right:.08rem;
}

.ui-switch-mn{
    display:inline-block;
    width:1.2rem;
    height:.45rem;
    background:#f7f7f7;
    position:relative;
    border-radius:.04rem;
}

.ui-switch-mn:checked{
    background:#ff454d;
}

.ui-switch-mn:after{
    display:inline-block;
    width:.5rem;
    height:.32rem;
    position:absolute;
    top:0;
    bottom:0;
    left:.08rem;
    margin:auto;
    content:'';
    border-radius:.04rem;
    background:#fff
}

.ui-switch-mn:checked:after{
    left:auto;
    right:.08rem;
}

/* 文件上传 */
.ui-upload{
    opacity: 1;
    width:2rem;
    height:2rem;
    position:relative;
}
.ui-upload>*{
    width:2rem;
    height:2rem;
    position:absolute;
    left:0;
    top:0;
}
.ui-upload input{
    z-index:2;
    opacity:0;
}
.ui-upload div{
    z-index:1;
    background: url(../image/icon/icon-upload-pic.png) no-repeat center center;
    background-size:2rem;
}



/* input placeholder */
.ui-placeholder-color-333 input::-webkit-input-placeholder{
        color:#333;
    }
    input::-moz-placeholder{   /* Mozilla Firefox 19+ */
        color:#333;
    }
    input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
        color:#333;
    }
    input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
        color:#333;
    }



/* 板块 */
.ui-content {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    word-break: break-all;
}

.ui-content-item {
    width: 10.3rem;
    margin: .2rem auto;
    background: #fff;
    border-radius: .2rem;
    position: relative;
    word-break: break-all;
    -webkit-overflow-scrolling: touch;
}
.ui-banner-item{
  width: 10.3rem;
  margin: .2rem auto;
  border-radius: .2rem;
  position: relative;
  word-break: break-all;
  -webkit-overflow-scrolling: touch;
}


/* 字体超出隐藏 */
.ui-ellipsis-1, .ui-ellipsis-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
}
/*单行文字，超出自动省略*/
.ui-ellipsis-1 {
    white-space: nowrap;
}
/*两行文字，超出自动省略*/
.ui-ellipsis-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
}



/* 分割线 */
.ui-hr {
    width: 100%;
    position: relative;
    border-top: 0.01rem solid #f7f7f7;
    height: 0.01rem;
}



/* 字体中间加横线 */
.ui-font-line{
    text-decoration: line-through;
}



/* 图片变灰色 */
.ui-lose img{
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
    filter:gray;
    opacity:0.3;
}



/* 超出文本显示滚动条  X轴滚动  */
.ui-scroll-x {
    position: relative;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
/* 超出文本显示滚动条  Y轴滚动  */
.ui-scroll-y {
    position: relative;
    /*width: 100%;*/
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

::-webkit-scrollbar {
    width: 0px;
}



/* 顶部导航栏 */
.ui-header {
    height: 1.3rem;
    line-height: 1.3rem;
    text-align: center;
    position: fixed;
    background: #fff;
    width: 100%;
    z-index: 9999999;
    top: 0;
}

.ui-header h2 {
    font-size: .44rem;
}

.ui-header .ui-icon-btn, .ui-header .ui-text-btn {
    display: inline-block;
    height: 1.3rem;
    text-align: center;
    position: absolute;
    bottom: 0;
}

.ui-header .ui-icon-btn {
    width: 1.5rem;
}

.ui-header .ui-text-btn {
    width: auto;
    right: .6rem;
}

.ui-header .ui-icon-font {
    font-size: .56rem;
}

.ui-header .ui-btn-return {
    left: 0;
}

.ui-header .ui-btn-serve, .ui-header .ui-btn-shop {
    right: 0;
}



/* 底部定位 */
.ui-footer-108{
    width: 10.8rem;
    position: fixed;
    z-index: 99;
    bottom: 0;
}

.ui-footer-95{
    width: 9.5rem;
    position: fixed;
    z-index: 99;
    bottom: 0;
}



/* 提示条 */
.ui-tips {
    height: .96rem;
    line-height: .96rem;
    padding: 0 .4rem;
    margin: .2rem .25rem;
}

.ui-tips-danger {
    background: #fee;
    color: #ff454d;
}

.ui-tips-warning {
    background: #fff0ab;
    color: #ffc000;
}

.ui-tips-success {
    background: #abf4cc;
    color: #46bc7b;
}



/* 评分 */
.ui-star li i {
    display: inline-block;
    width: .36rem;
    height: .36rem;
    margin-right: .1rem;
    /*padding: 0 .05rem;*/
    background: url(../image/icon/icon-star-solid.png) no-repeat center center;
    background-size: .36rem;
}

/* 搜索框组件 */
.ui-search input {
    font-size: .38rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
}

.ui-search-bgcolor input {
    background-color: #f7f7f7;
}



/* input 必填红框提示 */
.ui-error{
    background: rgb(255,238,238) !important;
    border: .02rem solid #ff454d;
}



/* 弹窗动画 */
@keyframes fadelogIn {
    0% {
        transform: translate3d(0, 100%, 0);
    }
    100% {
        transform: none;
    }
}

.ui-window{
    animation:fadelogIn 0.3s;
    -moz-animation:fadelogIn 0.3s; /* Firefox */
    -webkit-animation:fadelogIn 0.3s; /* Safari and Chrome */
    -o-animation:fadelogIn 0.3s; /* Opera */
}

@keyframes myfirst{
    0%   {opacity: 0;}
    100% {opacity: 1;}
}

.ui-alert{
    animation:myfirst 0.5s;
    -moz-animation:myfirst 0.5s; /* Firefox */
    -webkit-animation:myfirst 0.5s; /* Safari and Chrome */
    -o-animation:myfirst 0.5s; /* Opera */
}

/*显示动画--淡入*/
.ui-alert-in {
  -webkit-animation: mescrollFadeIn .5s linear forwards;
  animation: mescrollFadeIn .5s linear forwards;
}

@-webkit-keyframes mescrollFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes mescrollFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*隐藏动画--淡出*/
.ui-alert-out {
  pointer-events: none;
  -webkit-animation: mescrollFadeOut .5s linear forwards;
  animation: mescrollFadeOut .5s linear forwards;
}

@-webkit-keyframes mescrollFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes mescrollFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}




/*我是有底线*/
.ui-list-footer {
    text-align: center;
    margin: 0 auto;
    height: 1.45rem;
    line-height: 1.45rem;
    font-size: 0.42rem;
    color: #666 !important;
}


/*加载中底线*/
.ui-bload{
    padding: .4rem 0;
    text-align: center;
    height: 1rem;
    line-height: 1rem;
    font-size: .42rem;
    color: #666;
}
.ui-bload img {
    width: .6rem;
    height: .6rem;
    vertical-align: text-bottom;
}

/*暂无数据*/
.ui-nodata, .ui-network{
    text-align: center;
}

.ui-nodata .txt, .ui-network .txt{
    margin-top: 1.2rem;
     margin-bottom: 1.2rem;
}
.ui-nodata img, .ui-network img{
    margin-top: 2.5rem;
    width: 6.8rem;
    height: 4.9rem;
}


/* 下来刷新样式 end */
/* 置顶 start */
.ui-to-top {
    position: fixed;
    right: .5rem;
    bottom: 1.6rem;
    z-index: 1010;
    /*opacity: 0.95;*/
    width: 1.15rem;
    height: 1.15rem;

    /*line-height: 1.2rem;*/
    overflow: hidden;
    /*border: 1px solid #f2f2f2;*/
    /*border-radius: 1.15rem;*/
    text-align: center;
    /*background-color: #fff;*/
}

/*.ui-to-top-icon {
    padding-top: .25rem;
    width: .6rem;
    height:.7rem
}*/

/*显示动画--淡入*/
.ui-fade-in {
    -webkit-animation: uiFadeIn .5s;
    animation: uiFadeIn .5s;
}

@-webkit-keyframes uiFadeIn {
    0% {opacity: 0;}
    40%{opacity: 0;}
    100% {opacity: 1;}

}

@keyframes uiFadeIn {
  0% {opacity: 0;}
  40%{opacity: 0;}
  100% {opacity: 1;}

}

/*隐藏动画--淡出*/
.ui-fade-out {
    pointer-events: none;
    -webkit-animation: uiFadeOut .5s linear;
    animation: uiFadeOut .5s linear;
}

@-webkit-keyframes uiFadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes uiFadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* toast提示框 start*/
.ui-toast {
    display: none;
    width: 2.5rem;
    height: 2rem;
    border-radius: .1rem;
    padding-top: .4rem;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, .65);
    position: fixed;
    z-index: 9999999;
    top: 50%;
    left: 50%;
    margin-top: -1.25rem;
    margin-left: -1.15rem;
}

.ui-toast .ui-toast-icon {
    width: 1rem;
    height: 1rem;
    margin-bottom: .2rem;
}

.ui-toast .ui-toast-title {
    display: inline-block;
    width: 100%;
    font-size: .38rem;
}
/* toast提示框 end*/

/* 骨架屏 start*/
.ui-skeleton,
.ui-skeleton-block,
.ui-skeleton-round,
.ui-skeleton-square ,
.ui-skeleton-row {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    z-index: 9997
}

.ui-skeleton {
    background-color: #f7f7f7;
    top: 0;
    left: 0;
}

.ui-skeleton-block {
    border-radius: .1rem;
    background-color: #FFF;
}

.ui-skeleton-round {
    background-color: #f2f3f5;
}
.ui-skeleton-square {
    background-color: #f2f3f5;
    border-radius: .02rem;
}
.ui-skeleton-row {
    background-color: #f2f3f5;
    border-radius: .02rem;
}
.ui-skeleton-animate  {
    -webkit-animation: ui-skeleton-blink 1.2s ease-in-out infinite;
    animation: ui-skeleton-blink 1.2s ease-in-out infinite
}
@-webkit-keyframes ui-skeleton-blink {
    50% {
        opacity: .9
    }
}

@keyframes ui-skeleton-blink {
    50% {
        opacity: 0.9
    }
}
/* 骨架屏 end*/

/* 下来刷新样式 start */
.ui-refresh-content {
	position:relative;
    height: 100%;
}
.ui-refresh-load {
    position: absolute;
	width: 1.2rem;
	height: 1.2rem;
	top: -1.5rem;
	left: 50%;
  margin-left: -0.6rem;
	display: block;
	background-color: #FFF;
	border: 1px solid #F7F7F7;
	border-radius: 50%;
  box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.1);
  z-index: 999999;
}
.ui-refresh-pull-arrow {
	width: .9rem;
	height: .9rem;
	/*position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -0.445rem;
	margin-top: -0.446rem;*/
	background: no-repeat center;
	background-image: url('');
	background-size: .9rem  .9rem;
  z-index: 999999;
  margin: 0 auto;
  margin-top: .16rem;
}
.ui-refresh-content .ui-refresh-pull-down .ui-refresh-pull-arrow {
	-webkit-transform: rotate(0deg) translate3d(0,0,0);
          	transform: rotate(0deg) translate3d(0,0,0);
}
.ui-refresh-content .ui-refresh-pull-up .ui-refresh-pull-arrow {
	-webkit-transform: rotate(180deg) translate3d(0,0,0);
          	transform: rotate(180deg) translate3d(0,0,0);
}
.ui-refreshing .ui-refresh-pull-arrow{
	background-image: url('');
	-webkit-animation: rotate 1s 0s linear infinite;
        	animation: rotate 1s 0s linear infinite;
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }
    50% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1);
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
        transform: rotate(0deg) scale(1);
    }
    50% {
        -webkit-transform: rotate(180deg) scale(1);
        transform: rotate(180deg) scale(1);
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1);
    }
}

#nav-block{
  white-space: nowrap;position: relative;white-space: nowrap;overflow: hidden;overflow-x:auto;
}



/* 弹窗关闭按钮 */
.ui-close{ display:inline-block; position:absolute; text-align:center; left:0; right:0; bottom:-1.4rem; margin:auto; color:#fff;}
.ui-close i{font-size: .60rem;}
